<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<head>
    <title>叶金龙的个人博客</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="http://localhost:3306/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://localhost:3306/js/cufon-yui.js"></script>
    <script type="text/javascript" src="http://localhost:3306/js/arial.js"></script>
    <script type="text/javascript" src="http://localhost:3306/js/cuf_run.js"></script>
    <script src="../js/jquery.js"></script>
</head>

<body>
    <div class="main">
        <div class="header">
            <div class="header_resize">
                <div class="logo">
                    <h1><a href="index.html">My<span> personal</span></a><span> Blog</span></h1>
                </div>
                <div class="clr"></div>
                <div class="menu_nav">
                    <ul>
                        <li class="active"><a href="http://localhost:3306/index.html">首页</a></li>
                        <li><a href="http://localhost:3306/html/xqss.html">心情说说</a></li>
                        <li><a href="http://localhost:3306/html/about.html">关于我</a></li>
                        <li><a href="http://localhost:3306/html/ly.html">留言</a></li>
                        <li><a href="http://localhost:3306/html/tjboke.html">添加博客</a></li>
                        <li class="last"><a href="https://www.csdn.net/">学习知识</a></li>
                    </ul>
                    <div class="search">
                        <div id="form" name="form" method="post" action="">
                            <span>
                                <input name="q" type="text" class="keywords" id="textfield" maxlength="50"
                                    value="搜索..." />
                            </span>
                            <input name="b" type="image" src="http://localhost:3306/images/search.gif" class="button" />

                        </div>
                    </div>
                    <!--/search -->
                </div>
                <div class="clr"></div>
            </div>
        </div>
        <div class="clr"></div>
        <div class="content">
            <div class="content_resize">
                <div class="mainbar objcontents">
                    <p style="font-size: 30px;color: black;font-weight: 600;">关于小说</p>
                    <p style="font-size: 20px;">
                        超文本小说是一种以网络为载体，以超文本技术为支撑的新型文学品类。超文本文学作品在文本内部或文本结尾设置有超文本链接点，提供不同的情节走向供读者在阅读时选择，不同的阅读选择会产生不同的结局，因此也称为多向文本文学。超文本文学着眼点在于读者的高度参与、自由发挥与即兴创造，使得“过去由于物质和技术的限制而受到阻扼的人的意志和欲望，如今随着高科技的发展，可以畅通无阻地宣泄出来了。”
                        超文本文学的出现，实现了德里达、巴特等后现代主义大师提出的解构主义文本理论。与传统文学相比，超文本文学具有非线性、互动性、开放性、非中心化和未完成等特点，对以纸质印刷文本为媒介的传统文学形成了颠覆性的挑战。

                        但是，真正给传统文学以颠覆性影响的，还不是超文本文学的存现形式，而是它的非线性文本结构。传统文学呈现出一种线性结构，以字、词、句、段、篇章、标题的形式固定下来，而且每一页都编了页码。传统文学的情节通常完整连贯，一气到底。即使一些后现代主义作品，淡化情节、消解情节，带有更多的不确定性，为艺术想像提供了广阔的天地，但它们仍属扁平的静态结构，缺乏厚度感和立体的延展性。超文本文学超越了个别文本的局限，将众多文本通过关键词的链接互联为一个树状的网络系统。在这个系统中，不同的路径纵横交错，读者可自由选择路径进入文本。超文本文学将传统文学静态的封闭的线性结构转化为富有弹性的开放的网状非线性结构。非线性的书写系统代替传统的线性叙事，情节的原因和结果不再是严密的对应关系，文本内部结构松散，语意断裂，但又呈现相互关联和串通的特征。
                        超文本文学相对于传统平面印刷作品来说，具有革命性的贡献，可以归纳为三个方面：其一，超文本文学以非线性的书写系统代替传统的线性叙事，情节的原因和结果不再是严密的对应关系，文本内部结构松散，语意断裂，但又呈现相互关联和串通的特征。作家可以在文本的任何一个地方打断、撕开，开辟新的叙事路径；也可以在文本的任何地方进行缝补、接续，保持文本叙事上的完整性。其二，从叙事主体上，打破了作家对叙事权的垄断，有限度地将叙事权渡让给读者。读者可以有限度地决定情节的发展方向，参与作家的创作活动。第三，传统的文学创作规则被打破。在超文本文学中，任何文学故事的情节发展都是多重选择的，读者可以参与进去，可以选择，文学作品之中文字组织的种种既定的规则受到极大的破坏。
                    </p>
                </div>
                <div class="sidebar">
                    <div class="gadget">
                        <h2>Popular Articles</h2>
                        <div class="clr"></div>
                        <ul class="sb_menu">
                            <li><a
                                    href="https://blog.csdn.net/csdnnews/article/details/122846005?spm=1000.2115.3001.5927">7
                                    个不容错过的 VS Code 扩展</a></li>
                            <li><a
                                    href="https://blog.csdn.net/csdndevelopers/article/details/122840423?spm=1000.2115.3001.5927">苹果推出Tap
                                    to Pay功能，iPhone将成为收费终端</a></li>
                            <li><a
                                    href="https://blog.csdn.net/JuiceFS/article/details/122844690?spm=1000.2115.3001.5927">元数据性能大比拼：HDFS
                                    vs OSS vs JuiceFS</a></li>
                            <li><a
                                    href="https://blog.csdn.net/mengyidan/article/details/122836618?spm=1000.2115.3001.5927">TIOBE
                                    2月编程语言排行榜出炉：Python遥遥领先C语言</a></li>
                            <li><a
                                    href="https://blog.csdn.net/qq_43529978/article/details/122811929?spm=1000.2115.3001.5928">2021年最受欢迎的TOP
                                    100开发工具出炉</a></li>
                            <li><a href="https://blog.csdn.net/csdnnews/article/details/122806091?spm=1000.2115.3001.5927"
                                    title="Website Templates">从 Windows 切换到 Mac，这些不能错过的 Tips</a></li>
                        </ul>
                    </div>
                    <div class="gadget">
                        <h2><span>Hot Article</span></h2>
                        <div class="clr"></div>
                        <ul class="ex_menu">
                        </ul>
                    </div>
                    <div class="gadget">
                        <h2>Contact Us</h2>
                        <div class="clr"></div>
                        <p> <img src="http://localhost:3306/images/test_1.gif" alt="image" width="18" height="17" />
                            <em>
                                <p>邮箱：1327941233@qq.com</p>
                                <p>电话：13264667275</p>
                            </em>.<img src="http://localhost:3306/images/test_2.gif" alt="image" width="18"
                                height="17" />
                        </p>
                        <p style="float:right;"><strong>Ye Jin Long</strong></p>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
        </div>
        <div class="fbg">
            <div class="fbg_resize">
                <div class="col c1">
                    <h2><span>More knowledge</span></h2>
                    <a href="https://developer.mozilla.org/zh-CN/"><img src="http://localhost:3306/images/gallery_1.jpg"
                            width="58" height="58" alt="pix" /></a> <a href="https://www.runoob.com/"><img
                            src="http://localhost:3306/images/gallery_2.jpg" width="58" height="58" alt="pix" /></a> <a
                        href="https://v3.bootcss.com/"><img src="http://localhost:3306/images/gallery_3.jpg" width="58"
                            height="58" alt="pix" /></a> <a href="#"><img
                            src="http://localhost:3306/images/gallery_4.jpg" width="58" height="58" alt="pix" /></a> <a
                        href="#"><img src="http://localhost:3306/images/gallery_5.jpg" width="58" height="58"
                            alt="pix" /></a> <a href="#"><img src="http://localhost:3306/images/gallery_6.jpg"
                            width="58" height="58" alt="pix" /></a>
                </div>
                <div class="col c2">
                    <h2><span>Keep learning</span></h2>
                    <p>The more books I read, the closer I get to the world, the more I understand the meaning of life,
                        and the more I feel the importance of life.
                </div>
                <div class="col c3">
                    <h2><span>Famous aphorism</span></h2>
                    <p>The whole history of mankind has taught the wise not to believe in the good times, but to believe
                        in ideas.
                    </p>
                </div>
                <div class="clr"></div>
            </div>
            <div class="footer">
                <div class="clr"></div>
            </div>
        </div>
    </div>
    <script>
        $.ajax({
    type: "GET",
    url: "/getboke/getReading",
    success: (data) => {
        console.log(data)
        const obj = data.data
        for (let i = 0; i < obj.length; i++) {
            $(".ex_menu").append(`
            <li class="cebianli"><a href="/html/xq.html?id=${obj[i].id}">${obj[i].Boketit}</br>${obj[i].Reading}阅读量</a><br />
            </li>
          `)
        }
    }
})
    </script>
</body>

</html>`